<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	    <meta name="format-detection" content="telephone=no" />
	    <meta name="renderer" content="webkit">
		<title>Orun 快乐跑 - 让奔跑更有趣</title>
		<link rel="stylesheet" href="statics/css/lib/swiper.min.css" />
		<link rel="stylesheet" href="statics/css/orun3/global.css" />
		<link rel="stylesheet" href="statics/css/lib/animate.css" />
		<link rel="stylesheet" href="http://at.alicdn.com/t/font_291365_7gidnx6979zfr.css" />
		<script type="text/javascript" src="http://cdn.bootcss.com/jquery/2.2.0/jquery.min.js"></script>
		<script type="text/javascript" src="statics/js/orun_index/orun3_global.js"></script>		
		<script>
			// rem布局
			(function(win,doc){
			    function change(){
			        var a = doc.documentElement.clientWidth/375*20;
			    	if(a>40)a=40;
			        doc.documentElement.style.fontSize=a+'px';
			    }
			    change();
			    win.addEventListener('resize',change,false);
			})(window,document);
		</script>
	</head>
	<body style="overflow: hidden;">
		<div id="mHead">
			<nav class="mNav clearfloat">
				<div class="fl flex-row flex-baseline">
					<a class="mLogo default" href="javascript:;"></a>
					<span class="mLogoNav default">微信</span>
				</div>
				<button id="mNavbarBtn" type="button" class="navbar-toggle fr">
			        <span class="default icon-bar"></span>
			        <span class="default icon-bar"></span>
			        <span class="default icon-bar"></span>
			    </button>
			    <div class="fl">
			    	<div id="mNavbarCon" class="navbar-mcollapse hide">          
				        <ul class="mnavbar-nav navbar-right">
				        	<li class="closeBtn">
				            	<a class="csdafont sicon-delete2" href="javascript:;"></a>
				            </li>
				            <li>
				            	<a href="orun3_mIndex.html">首页</a>
				            </li>
				            <li>
				            	<a href="orun3_mPro.html">快乐跑产品</a>
				            </li>
				            <li>
				            	<a class="active" href="orun3_mDownload.html">微信</a>
				            </li>
				            <li>
				            	<a href="orun3_maboutUs.html">关于我们</a>
				            </li>
				        </ul>
				    </div>
			    </div>
			    
			</nav>
		</div>
		<div class="mdl_hand">
			<div class="mdl_handImg" id="animationSandbox">
				<img class="mdl_handImage" src="statics/images/orun3/m_downloadHand.png"/>
				<img class="mdl_qr" src="statics/images/orun3/m_downloadQr.png"/>
			</div>
		</div>
		<div style="display: none">
			<script>
				var _hmt = _hmt || [];
				(function() {
				  var hm = document.createElement("script");
				  hm.src = "https://hm.baidu.com/hm.js?967359526fca29be4d18e53fe242fbcc";
				  var s = document.getElementsByTagName("script")[0]; 
				  s.parentNode.insertBefore(hm, s);
				})();
			</script>
		</div>	
		<script>			
			$(function(){
				var viewH = $(window).height()-parseFloat(document.documentElement.style.fontSize)*4;				
				$('.mdl_hand').height(viewH);
				
				testAnim('slideInUp');
				//手部动画
				function testAnim(x) {
				    $('#animationSandbox').removeClass().addClass(x + ' animated'+' mdl_handImg').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){
				      $(this).removeClass(x + ' animated');
				    });
				 };
			})
		</script>
	</body>
</html>
